const path = require('path')
const IS_PROD = ["production", "prod"].includes(process.env.NODE_ENV);

function resolve(dir) {
	return path.join(__dirname, dir)
}

module.exports = {
	publicPath: IS_PROD ? process.env.VUE_APP_PUBLIC_PATH : "./", // 默认'/'，部署应用包时的基本 URL
	outputDir: process.env.outputDir || 'dist', // 'dist', 生产环境构建文件的目录
	// assetsDir: "", // 相对于outputDir的静态资源(js、css、img、fonts)目录
	lintOnSave: false,
	runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本
	productionSourceMap: !IS_PROD, // 生产环境的 source map
	parallel: require("os").cpus().length > 1,
	pwa: {},
	devServer: {
		// overlay: { // 让浏览器 overlay 同时显示警告和错误
		//   warnings: true,
		//   errors: true
		// },
		disableHostCheck: true, //外网就可以通过域名来访问Vue项目
		open: true, // 是否打开浏览器
		host: "0.0.0.0",
		port: "9999", // 代理断就
		https: false,
		hotOnly: true, // 热更新
		proxy: {
			"/apis": {
				target: "http://47.106.152.46:8088/jxc", // 目标代理接口地址
				// target: "http://liujiah.vaiwan.com/jxc/", // 目标代理接口地址
				// target: "http://ljh.vaiwan.com/jxc/", // 目标代理接口地址
				
				secure: false,
				changeOrigin: true, // 开启代理，在本地创建一个虚拟服务端
				// ws: true, // 是否启用websockets
				pathRewrite: {
					"^/apis": "/"
				}
			}
		}
	},
	chainWebpack: config => {
		// 添加别名
		config.resolve.alias
			.set("@", resolve("src"))
			.set("@static", resolve("static"))
	},
	pages: {
		index: {
			// page 的入口
			entry: 'src/main.js',
			// 模板来源
			template: 'public/index.html',
			// 在 dist/index.html 的输出
			filename: 'index.html',
			// 当使用 title 选项时，
			// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
			title: '供应链管理平台',
			// 在这个页面中包含的块，默认情况下会包含
			// 提取出来的通用 chunk 和 vendor chunk。
			chunks: ['chunk-vendors', 'chunk-common', 'index']
		}
	}
};